<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<style type="text/css">
		html,body{
			width: 100%;
			height: 100%;
		}
		span{
			font-size: 20px;;
		}
	</style>
	<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
	</head>
	<body>
		<div style="height: 80%;width: 80%;" class="container panel panel-default">
			<div style="width: 102%;background-color: #1B6D85;height: 50px;" class="row">
				<div class="col-md-10">
					<span style="color: white;font-size: 30px;">宿舍管理系统</span>
				</div>
				<div  class="col-md-2">
					<label><span style="color: white;" class="glyphicon glyphicon-user">：</span></label>
					<span style="color:red;font-size: 20px;" class="user_name"></span>
				</div>
			</div>
			<br><br><br><br>
			<div id="" class="row">
				<div id="" class="col-md-4">
					<div style="width: 200px;text-align: center;" class="list-group">
					  <a style="background-color: #00007f;color: white;" href="#" class="list-group-item disabled">
					    首页
					  </a>
					  <a href="#" style="font-size:20px;" class="list-group-item" onclick="su()">宿舍管理员管理</a>
					  <a href="#" style="font-size:20px;" class="list-group-item" onclick="stu()">学生管理</a>
					  <a href="#" style="font-size:20px;" class="list-group-item" onclick="manage_L()">宿舍楼管理</a>
					  <a href="#" style="font-size:20px;" class="list-group-item" onclick="bad_node()">缺勤记录</a>
					  <a href="#" style="font-size:20px;" class="list-group-item" onclick="edit_psd()">修改密码</a>
					  <a href="#" style="font-size:20px;" class="list-group-item" onclick="exit()">退出系统</a>
					</div>
				</div>
				<div id="" class="col-md-7">
					<h1>欢迎您 系统管理员</h1>
					<h2 hidden id="hid_1">宿舍管理员管理</h2>
					<h2 hidden id="hid_2">学生管理</h2>
					<h2 hidden id="hid_3">宿舍楼管理</h2>
					<h2 hidden id="hid_4">缺勤记录</h2>
					<h2 hidden id="hid_5">修改密码</h2>
					<div class="box" id="box">
						<!-- 按钮 -->
						<div  hidden id="btn">
								<button style="width: 15%;height: 5%;font-size: 20px;" id="btn_modclick" type="button" class="btn btn-success" " data-toggle="modal" data-target="#myModal" onclick="modal_click()">添加</button>
								<input  style="width: 15%;height: 5%;font-size: 20px" hidden class="btn btn-warning" type="button" name="row_del" id="" value="批量删除" />
							<!-- 搜索 -->
							<div style="display: inline-block;" class="dropdown">
							  <button id="all_su" hidden style="width: 100px;" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							    全部宿舍	
							    <span class="caret"></span>
							  </button>
							  <ul class="dropdown-menu" id="all_Su" aria-labelledby="dropdownMenu1"  >
								  
							  </ul>
							  </div>
							
							<div style="display: inline-block;" class="dropdown" >
							  <button style="width: 80px;height:20%" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="down_bt">
							    名字	
							    <span class="caret"></span>
							  </button>
							  <ul class="dropdown-menu" aria-labelledby="dropdownMenu4" id="ul" class="down">
								  
							  </ul>
							  </div>
								<input style="height: 30px;" type="text" name="search_down" id="search_down" value="" id="search_down" />
								<input style="width: 15%;height: 5%;font-size: 20px" type="button" name="search_All" id="" value="搜索" />
						</div>
						<br>
						<!-- 表格 -->
						<table name="table1" style="width: 100%;font-size:20px" cellspacing="" cellpadding="" hidden class="table table-striped table-bordered table-hover" id="mytable1">
							<thead>
								<th><input type="checkbox" name="checkAll1" /></th>
								<th>编号</th>
								<th>姓名</th>
								<th>性别</th>
								<th>电话</th>
								<th>宿舍楼</th>
								<th>用户名</th>
								<th>操作</th>
							</thead>
							<tbody>
							</tbody>
						</table>
						<!-- 2 -->
						<table style="width: 100%;font-size:20px"cellspacing="" cellpadding="" hidden class="table table-striped table-bordered table-hover" id="mytable2">
							<thead>
								<th><input type="checkbox" name="checkAll2" /></th>
								<th>编号</th>
								<th>姓名</th>
								<th>性别</th>
								<th>电话</th>
								<th>宿舍楼</th>
								<th>房间号</th>
								<th>操作</th>
							</thead>
							<tbody>
							</tbody>
						</table>
						<table style="width: 100%;font-size:20px" cellspacing="" cellpadding="" hidden class="table table-striped table-bordered table-hover" id="mytable3">
							<thead>
								<th><input type="checkbox" name="checkAll3" /></th>
								<th>编号</th>
								<th>名称</th>
								<th>简介</th>
								<th>宿管员</th>
								<th>操作</th>
							</thead>
							<tbody>
							</tbody>
						</table>
						<table style="width: 100%;font-size:20px" cellspacing="" cellpadding="" hidden class="table table-striped table-bordered table-hover" id="mytable4">
							<thead>
								<th><input type="checkbox" name="checkAll4" /></th>
								<th>日期</th>
								<th>学号</th>
								<th>姓名</th>
								<th>宿舍楼</th>
								<th>寝室</th>
								<th>备注</th>
								<th>操作</th>
							</thead>
							<tbody>
							</tbody>
						</table>
						<!-- 修改密码 -->
						<form style="text-align: right;margin-right: 50%;margin-top: 10%;" action="" method="" hidden id="edit_psd">
							<label style="font-size:20px;"><span style="color: red;">*</span>原密码</label>
							<input type="password" name="old_psd" id="" value="" />
							<br><br><br>
							<label style="font-size:20px;"><span style="color: red;">*</span>新密码</label>
							<input type="password" name="new_psd" id="" value="" />
							<br><br><br>
							<label style="font-size:20px;"><span style="color: red;">*</span>确认密码</label>
							<input type="password" name="c_psd" id="" value="" />
							<br><br><br>
							<input style="margin-right: 22%;width:15;height:5%" type="button" name="psd_save" class="btn btn-success" id="" value="提交" />
						</form>
						<span hidden id="code">显示1至<span id="code"></span>条记录</span>
					</div>
					
				    </div>
				</div>
				<nav style="margin-right: 20%;" aria-label="..." hidden id="pager">
				  <ul class="pager">
				    <li><a style="width: 15%;height: 5%;font-size: 20px;margin-left:15%" id="left" href="#">Previous</a></li>
				    <li><a style="width: 15%;height: 5%;font-size: 20px" id="right" href="#">Next</a></li>
				  </ul>
				</nav>
			</div>
			<!-- 模态框1 -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 id="add_sy" class="modal-title" id="myModalLabel">
								添加宿舍管理员
							</h4>
						</div>
						<div style="text-align: right;margin-right: 28%;" class="modal-body" id="md1">
							<label>姓名</label>
							<input type="" name="modal_name" id="" value="" />
							<br>
							<label id="lab_sex" >性别</label>
							<select style="margin-right:35%" name= "sex">
								<option id="select">男</option>
								<option id="select1">男</option>
								<option id="select2">女</option>
							</select>
							<!-- <input type="radio" name="asd" id="sex" value="男" /><span name="nan">男</span>
							<input type="radio" name="asd" id="sex" value="女" /><span style="margin-right: 15%;">女</span> -->
							<br>	
							<label>电话</label>
							<input type="" name="modal_phone" id="" value="" />
							<br>
							<label>宿舍楼</label>
							<input type="" name="modal_lou" id="" value="" />
							<br>
							<label>用户名</label>
							<input type="" name="modal_user" id="" value="" />
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="queren" class="btn btn-default" data-dismiss="modal" name="modal_save" id="modal_save">保存</button>
							<button type="button" hidden class="btn btn-default" data-dismiss="modal"name="modal_cr" id="modal_co">确认</button>
							<!-- <input type="button" class="btn btn-primary" data-dismiss="modal" value="保存" name="modal_save" id="modal_save"></input>
							<input style="display:none" type="button" class="btn btn-primary" data-dismiss="modal" value="确认" name="modal_cr" id="modal_save" ></input> -->
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			<!-- 模态框2 -->
			<div name="emt" class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
						</div>
						<div style="text-align: right;margin-right: 28%;" class="modal-body">
							<label>姓名</label>
							<input type="" name="modal_sname" id="" value="" />
							<br>
							<label>性别</label>
							<select style="margin-right:35%" id="sex2_2" name= "sex2">
								<option name="sex2_1">男</option>
								<option name="sex2_2">女</option>
							</select>
							<br>
							<label>电话</label>
							<input type="" name="modal_sphone" id="" value="" />
							<br>
							<label>宿舍楼</label>
							<input type="" name="modal_slou" id="" value="" />
							<br>
							<label>房间号</label>
							<input type="" name="modal_sroom" id="" value="" />
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="queren" class="btn btn-default" data-dismiss="modal" name="modal_save" id="modal_save2">保存</button>
							<button type="button" hidden class="btn btn-default" data-dismiss="modal"name="modal_cr" id="modal_co2">确认</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			<!-- 模态框3 -->
			<div name="emt" class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 class="modal-title" id="myModalLabel">
								添加宿舍管理员
							</h4>
						</div>
						<div style="text-align: right;margin-right: 28%;" class="modal-body">
							<label>名称</label>
							<input type="" name="modal_suname" id="modal_suname" value="" />
							<br>
							<label>简介</label>
							<input type="" name="modal_suphone" id="" value="" />
							    <div id="asd" style="width:55%;margin-left:46%" class="input-group">
							      <div class="input-group-btn">
							        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">管理员 <span class="caret"></span></button>
							        <ul class="dropdown-menu" id="add_a">
							        </ul>
							      </div><!-- /btn-group -->
							      <input type="text" id="addi" class="form-control" aria-label="...">
							    </div><!-- /input-group -->
								<div id="das">
									<label>宿管员</label>
									<input type="text" id="addi2" >
								</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="queren" class="btn btn-default" data-dismiss="modal" name="modal_save" id="modal_save3">保存</button>
							<button type="button" hidden class="btn btn-default" data-dismiss="modal"name="modal_cr" id="modal_co3">确认</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			<!-- 模态框4 -->
			<div name="emt" class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" id="myModa4" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
						</div>
						<div style="text-align: right;margin-right: 28%;" class="modal-body">
							<label>日期</label>
							<input type="date" name="modal_bqueData" id="" value="" />
							<br><label>学号</label>
							<input type="" name="modal_bqueNO" id="" value="" />
							<br>
							<label>姓名</label>
							<input type="" name="modal_bquename" id="" value="" />
							<br>
							<label>宿舍楼</label>
							<input type="" name="modal_bquelou" id="" value="" />
							<br>
							<label>寝室</label>
							<input type="" name="modal_bqueroom" id="" value="" />
							<br>
							<label>备注</label>
							<input type="" name="modal_bquebeizhu" id="" value="" />
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="queren" class="btn btn-default" data-dismiss="modal" name="modal_save" id="modal_save4">保存</button>
							<button type="button" hidden class="btn btn-default" data-dismiss="modal"name="modal_cr" id="modal_co4">确认</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
		</div>
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="./bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/manager.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		</script>
	</body>
</html>
